<template>
  <el-container style="height:100%;">
    <el-header>Header
      path: {{ path }}
      <LangSelect/>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <el-menu
            style="height: 100%;"
            default-active="2"
            class="el-menu-vertical-demo"
        >
          <el-menu-item index="1">
            <el-icon>
              <icon-menu/>
            </el-icon>
            <router-link to="/Test">Test</router-link>
          </el-menu-item>
          <el-menu-item index="2">
            <el-icon>
              <icon-menu/>
            </el-icon>
            <router-link to="/inbound/asn_in/AsnIn">AsnIn</router-link>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <router-view/>
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
import LangSelect from "./components/LangSelect.vue";
import useAppStore from "./store/useAppStore";
import {Setting, Document, Menu as iconMenu, Location} from '@element-plus/icons-vue'

export default {
  components: {LangSelect, Setting, Document, iconMenu, Location},
  data() {
    const appStore = useAppStore()

    return {
      appStore,
      path: this.$route.path
    }
  },
  methods: {}
}
</script>